<template>
  <el-form
    :inline="true"
    :model="formInline"
    ref="formInline"
    class="el-form--inline qualificationSearchForm">
    <el-form-item
      label="资质类型"
      prop="status">
      <el-select
        v-model="formInline.status"
        placeholder="请选择">
        <el-option
          v-for="item in options"
          :key="item.value"
          :label="item.label"
          :value="item.value"/>
      </el-select>
    </el-form-item>
    <el-form-item
      label="组织性"
      prop="class">
      <el-select
        v-model="formInline.class"
        placeholder="请选择">
        <el-option
          v-for="item in options"
          :key="item.value"
          :label="item.label"
          :value="item.value"/>
      </el-select>
    </el-form-item>
    <el-form-item
      label="关键字"
      prop="keyword">
      <el-input
        v-model="formInline.keyword"
        placeholder="请输入关键字"/>
    </el-form-item>
    <el-form-item class="searchButtonList">
      <el-button
        class="submit"
        @click="search">查询
      </el-button>
      <el-button
        class="reset"
        @click="reset">重置
      </el-button>
    </el-form-item>
  </el-form>
</template>

<script>
import CardWall from './cardWall'

export default {
  name: 'SearchTab',
  data () {
    return {
      activeName: 'first',
      input: '',
      value: '',
      formInline: {
        status: '',
        class: '',
        keyword: ''
      },
      options: [{
        value: '草稿',
        label: '草稿'
      }, {
        value: '受邀方处理',
        label: '受邀方处理'
      }, {
        value: '邀请方处理',
        label: '邀请方处理'
      }, {
        value: '已终止',
        label: '已终止'
      }, {
        value: '完成',
        label: '完成'
      }]
    }
  },
  components: {
    CardWall
  },
  methods: {
    handleClick (tab, event) {
    },
    search () {
      this.$emit('search')
    },
    reset () {
      this.$refs['formInline'].resetFields()
    }

  }
}
</script>

<style lang="less">

</style>
<style scoped>
  .searchButtonList button {
    width: 74px;
    height: 34px;
    cursor: pointer;
    margin-left: 10px;
  }

  .submit {
    background: rgba(35, 113, 197, 1);
    border: 0;
    color: #fff;
  }

  .reset {
    background: rgba(255, 255, 255, 1);
    border: 1px solid rgba(221, 223, 225, 1);
  }
</style>
